import QtQuick 1.0
import com.nokia.symbian 1.0
import "../js/Storage.js" as Storage

Item {
    id: sessionOpenDetailListItem

    width:  sessionOpenDetailListItem.ListView.view.width
    height: sessionDetailName.paintedHeight + sessionDetailSpeaker.paintedHeight + sessionDetailSpeakerTitle.paintedHeight +
            sessionDetailAstract.paintedHeight + sessionDetailBio.paintedHeight +
            sessionDetailRoom.paintedHeight + toolBar.height + line1.height + line2.height


   Column {
       FontLoader {
           id: fontStyle
           name: "Helvetica"
       }

       Rectangle {
           id: sessionOpenListRect

           width:  sessionOpenDetailListItem.width
           height: sessionOpenDetailListItem.height
           color:  "#ffffff"
           smooth: true

           Text {
               id: sessionDetailName
               anchors.top: parent.top
               anchors.topMargin: 2
               width: parent.width

               text: name
               color:  "black"
               font.family: fontStyle.name
               font.bold: true
               font.pixelSize: 22

               wrapMode: Text.WordWrap

           }

           Text {
               id: sessionDetailRoom

               anchors.top: sessionDetailName.bottom
               anchors.topMargin: 8

               text: room
               color: "blue"
               font.family: fontStyle.name
               font.pixelSize: 20
           }


           Rectangle {
               id: line1

               anchors.top:  sessionDetailRoom.bottom
               anchors.topMargin: 5
               anchors.horizontalCenter: parent.horizontalCenter
               width: parent.width - 10
               height: 2

               color: "black"
               opacity: 0.7
               radius: 10
           }


           Text {
               id: sessionDetailAstract

               anchors.top: line1.bottom
               anchors.topMargin: 5
               width: parent.width

               text: abstract_
               color: "black"
               textFormat: Text.RichText
               font.family: fontStyle.name
               font.pixelSize: 20

               wrapMode: Text.WordWrap
               onLinkActivated: Qt.openUrlExternally(link);
           }

           Rectangle {
               id: line2

               anchors.top:  sessionDetailAstract.bottom
               anchors.topMargin: 5
               anchors.horizontalCenter: parent.horizontalCenter
               width: parent.width - 10
               height: 2

               color: "black"
               opacity: 0.7
               radius: 10
           }


           Text {
               id: sessionDetailSpeaker

               anchors.top: line2.bottom
               anchors.topMargin: 5
               width: parent.width

               text: speaker
               color: "black"
               font.family: fontStyle.name
               font.pixelSize: 20

               wrapMode: Text.WordWrap
           }

           Text {
               id: sessionDetailSpeakerTitle

               anchors.top: sessionDetailSpeaker.bottom
               anchors.topMargin: 5
               width: parent.width

               text: speakerTitle
               color: "black"
               font.family: fontStyle.name
               font.pixelSize: 18

               wrapMode: Text.WordWrap
           }


           Text {
               id: sessionDetailBio

               anchors.top: sessionDetailSpeakerTitle.bottom
               anchors.topMargin: 20
               width: parent.width

               text: bio
               color: "black"
               font.family: fontStyle.name
               font.pixelSize: 20

               wrapMode: Text.WordWrap
           }

           Text {
               id: sessionId

               text: id
               color: "black"
               visible: false
           }

       }
   }

}
